<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Thumb Up</title>
    <link rel="stylesheet" type="text/css" href="src/css/index.css">
</head>

<body>
    <div class="main">
        <img id="thumb" src="src/imgs/thumb.png">
        <span id="addOne" class="none">+1</span>
    </div>
    <script type="text/javascript" src="src/lib/jquery-3.0.0.min.js"></script>
    <script type="text/javascript" src="node_modules/systemjs/dist/system.js"></script>
    <script type="text/javascript">
    SystemJS.config({
        baseURL: 'src/toes5/'
    });

    function callback($) {
        var f = new $.thumbUp($('#thumb'), $('#addOne'));
        f.clickEvent();
    }
    SystemJS.import('index.js').then(function(m) {
        $.extend({
            thumbUp: m.default.MyThumb
        });
        callback($);
    });
    </script>
</body>

</html>
